<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>朋友圈列表</title>
	<!-- <link rel="stylesheet" href="{$CSS}/bootstrap3.3.7.min.css"> -->
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		/*-------------公共部分-----------*/
		.main-container-hh{
			margin: 0 20px;
		}
		.main-title-h2-h{
			color: #999;
			margin-top: 14px;
			padding: 8px 40px;
			line-height: 25px;
			font-size: 18px;
			border-bottom: 1px solid #ececec;
		}
		/*----------------button公共部分----------------*/
		.form-btn-container-h{
			
		}
		.btn-h{
			box-sizing: border-box;
			height: 32px;
			min-width: 90px;
			font-size: 14px;
			display: inline-block;
			text-align: center;
			border-radius: 2px;
			border: none;
			line-height: 32px;
			outline: none;
			color: #fff;
			width: 90px;
			cursor: pointer;
		}
		.btn-success-h{
			background: #1E9FFF;
		}
		.btn-warning-h{
			background: #f0ad4e;
		}
		.btn-danger-h{
			background: #d9534f;
		}
		.btn-default-h{
			background: #fff;
			color: #333 !important;
			border: 1px solid #ddd !important;
		}
		/*-----------flex公共部分----------*/
		.flex-h{
			display: flex;
		}
		.flex-d-col-h{
			flex-direction: column;
		}
		.flex-ai-center-h{
			align-items: center;
		}
		/*----------------内边距外边距公共部分-----------------*/
		.pl-130-h{
			padding-left: 130px!important;
		}
		.pb-100-h{
			padding-bottom: 100px!important;
		}
		.pt-40-h{
			padding-top: 40px!important;
		}
		.mat-10-h{
			margin-top: 10px !important;
		}
		.mat-20-h{
			margin-top: 20px !important;
		}
		.mat-50-h{
			margin-top: 50px !important;
		}
		.mal-20-h{
			margin-left: 20px !important;
		}
		.mal-60-h{
			margin-left: 60px !important;
		}
		.mal-2Percent-h{
			margin-left: 2% !important;
		}
		.mar-5-h{
			margin-right: 5px !important;
		}
		.mar-10-h{
			margin-right: 10px !important;
		}
		.mar-20-h{
			margin-right: 20px !important;
		}
		.mab-20-h{
			margin-bottom: 20px !important;
		}
		/*-------------非公共部分-------------*/
		.search-container-h{
			display: flex;
			margin-top: 20px;
		}
		.search-content-h{
			display: flex;
		}
		.search-lable-h{
			display: block;
			height: 32px;
			line-height: 32px;
			margin-right: 6px;
			font-size: 14px;
			font-weight: 400;
			text-align: right;
			color: rgba(0, 0, 0, 0.65);
		}
		.search-inptu-h{
			font-size: 14px;
			padding: 0px 11px;
			height: 30px;
			color: rgba(0, 0, 0, 0.65);
			background-color: #fff;
			border: 1px solid #d9d9d9;
			border-radius: 4px;
			transition: all .3s;
			list-style: none;
		}
		.empty-container-h img{
			width: 400px;
			display: block;
		}
		.empty-container-h p{
			color: #828282;
			font-size: 14px;
		}
		/*表格部分*/
		.table-title-h{
			display: flex;
			background: #fff;
			border: 1px solid #f2f2f2;
		}
		.table-title-h li{
			padding: 16px 6px;
			flex: 1;
			color: #000;
			font-size: 14px;
			font-weight: 700;
			text-align: center;
		}
		.table-content-h{
			display: flex;
			border-bottom: 1px solid #f5f5f5;
		}
		.table-content-h li{
			color: #666;
			font-size: 14px;
			text-align: center;
			padding: 7px 6px;
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.table-content-h li button{
			flex: 1;
			min-width: auto;
			width: auto;
			font-size: 12px;
			padding: 7px 0px;
			height: auto;
			line-height: normal;
		}
	</style>
</head>
<body style="background: #e9e9e9;">
	<!-- 顶部提示框 开始 -->
	<div class="public_tipSetting_contaienr">
		<div class="public_tipSetting_content">
			<p>发布个人朋友圈 即可发布到单个员工的（历史）朋友圈，发布企业朋友圈即可发布到多个（或全部）员工的（历史）朋友圈</p>
			<a href="https://support.qq.com/products/174823/faqs/81275" target="_blank">查看教程</a>
			<svg id="closeTips" t="1599462804099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8813" width="15" height="15"><path d="M512 102.4a409.6 409.6 0 1 0 409.6 409.6 409.6 409.6 0 0 0-409.6-409.6z m181.248 518.144a51.2 51.2 0 0 1-72.704 72.704L512 584.192l-108.544 109.056a51.2 51.2 0 0 1-72.704-72.704L439.808 512 330.752 403.456a51.2 51.2 0 0 1 72.704-72.704L512 439.808l108.544-109.056a51.2 51.2 0 0 1 72.704 72.704L584.192 512z" fill="" p-id="8814"></path></svg>
		</div>
	</div>
	<!-- 顶部提示框 结束 -->
	<ul class="public-header-nav">
	    <li><a  class="public-header-nav-active" href="pyq.html">朋友圈</a></li>
	    <li><a href="set.html">设置默认个人信息</a></li>
	    <li><a href="pyq_list.html">发布个人朋友圈</a></li>
	    <li><a href="qy_list.html">发布企业朋友圈</a></li>
	</ul>

	<!--<h2 class="main-title-h2-h">企业成员</h2>-->

	<div class="main-container-hh">
	 <form  method="get" action="" name="Form" id="Form1" onsubmit="return validate_form(this)">
		<div class="search-container-h">
			<div class="search-content-h">
				<label class="search-lable-h">姓名</label>
				 {$tj->text('name','class="search-inptu-h" placeholder="姓名"')}
			</div>
			<button type="submit" class="btn-h btn-success-h mal-2Percent-h">查询</button>
		</div>
	</form>
	</div>
	<!-- 有数据显示的div -->
	<div class="" style="margin:16px;">
		<table class="layui-table" lay-skin="line" style="margin: 0;">
		    <thead>
		      <tr style="background: #fff;">
		        <th>成员头像</th>
		        <th>成员姓名</th>
		        <th>朋友圈链接</th>
		        <th>操作</th>
		      </tr> 
		    </thead>
		    <tbody>
			{loop $res as $re}
			<tr>
				<td><img src="{$re->avatar}" style="width:35px;height:35px"/></td>
				<td>{$re->name}</td>
				<td>{$re->pyqurl}</td>
				<td>
					<span class="table-public-btn" onclick="copyToClip('{$re->pyqurl}')">复制</span>
                	<span class="table-public-btn" onclick="details('{$re->id}')">详情</span>
     	  			<span class="table-public-btn" onclick="setbag('{$re->id}')">设置</span>
				</td>
		    </tr>
			{/loop}
		    </tbody>
		</table>
		<!-- 数据显示的div -->
		<div class="empty-container-h flex-h flex-d-col-h flex-ai-center-h mat-50-h" style="display: none">
			<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/181a0c37c2c8e9fd701d18b906f63fde.png" style="width: 400px; display: block;">
			<p class="mat-10-h">没有数据哦~</p>
		</div>
		<!-- 页码 -->
		<div class="main-container-h pageing-container-h" style="padding-top: 20px;">
		  <div class="pageing-content-h">
		       <span>{$p->totalnum}条/{$p->totalpage}页</span> 
		   </div>
			<ul class="pageing-content-h">
		       {P weidogsadmin}
			</ul>
		</div>
	</div>
</body>
</html>
<script src="/cdn/jquery.js"></script>
<script src="/layui/layui.all.js"></script>
<script src="/js/ajax.js"></script>
<script type="text/javascript">
	$("#closeTips").click(function(){
		$('.public_tipSetting_contaienr').hide();
	})
</script>
<script>
	function copyToClip(content, message) {
			var aux = document.createElement("input"); 
			aux.setAttribute("value", content); 
			document.body.appendChild(aux); 
			aux.select();
			document.execCommand("copy"); 
			document.body.removeChild(aux);
			if (message == null) {
				layer.msg("复制成功");
			} else{
				layer.msg(message);
			}
		}


	function details(id){
		layer.open({
			type: 2,
			title: '查看浏览详情',
			shadeClose: true,
			shade: 0.2,
			area: ['700px', '500px'],
			content: 'select_details-'+id+'.html'
		}); 
	}

	function setbag(id){
		layer.open({
			type: 2,
			title: '基本信息设置',
			shadeClose: true,
			shade: 0.2,
			area: ['900px', '700px'],
			content: 'set_bg-'+id+'.html'
		}); 
	}
</script>